<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta charset="UTF-8" />
<title></title>
		
		<!-- Dependencies -->
		<script src="../../../../scripts/jquery.js" type="text/javascript"></script>
		<script src="../../../../scripts/jquery.utils.js" type="text/javascript"></script>
		
		<script src="../../../../scripts/jquery_ui/jquery.ui.core.js" type="text/javascript" ></script>
		<script src="../../../../scripts/jquery_ui/jquery.ui.widget.js" type="text/javascript" ></script>
		
		<script src="../../../../scripts/jquery_ui/jquery.ui.mouse.js" type="text/javascript"></script>
		<script src="../../../../scripts/jquery_ui/jquery.ui.draggable.js" type="text/javascript"></script>		
		<!-- Core files -->
		<link href="../jquery.messagebox.css" rel="stylesheet" type="text/css" media="screen" />
		<link  href="../../../../themes/default/ui.css" type="text/css" rel="stylesheet" />
		
		<script src="../jquery.messagebox.js" type="text/javascript"></script>
		
		<!-- 换肤 -->
		<script type="text/javascript" src="../../../theme_cookie.js"></script>
		
		<!-- Example script -->
		<script type="text/javascript">
			
			$(document).ready( function() {
				$("#info_button").click( function() {
					$.messageBox.info({message:'This is a custom info box'});
				});
				
				$("#warning_button").click( function() {
					$.messageBox.warning({message:'This is a custom info box'});
				});
				
				$("#error_button").click( function() {
					$.messageBox.error({message:'This is a custom info box'});
				});
				
				$("#success_button").click( function() {
					$.messageBox.success({message:'This is a custom info box'});
				});
				
				$("#confirm_button").click( function() {
					$.messageBox.confirm({message:'This is a custom info box',callback:function(result){alert("您选择的结果:" + result);}});
				});
				
				$("#prompt_button").click( function() {
					$.messageBox.prompt({message:'This is a custom info box',callback:function(result){alert("您刚才输入的信息：" + result);}});
				});
				
				$("#showId").click( function() {
					$.messageBox.show({type:$("#typeId").val(),message:'This is a custom info box'});
				});
			});
		</script>
		
	</head>
	
	<body>
				<b>展示不同类型的提示框：</b><br/>
				<input id="info_button" type="button" value="Show Info" />
		
				<input id="warning_button" type="button" value="Show Warning" />
		
				<input id="error_button" type="button" value="Show Error" />
		
				<input id="success_button" type="button" value="Show Success" /><br/><br/>
		
				<input id="confirm_button" type="button" value="Show Confirm" />
		
				<input id="prompt_button" type="button" value="Show Prompt" />
				
				<br/><br/><br/>
				<b>根据选择的提示框类型展示相应类型的提示框：</b><br/>
				<select id="typeId">
					<option value="info">info</option>
					<option value="warning">warning</option>
					<option value="error">error</option>
					<option value="success">success</option>
					<option value="confirm">confirm</option>
					<option value="prompt">prompt</option>
				</select>
				
				<input type="button" value="show" id="showId"/>
</body>
</html>
